<include file="common:head"/>
<style type="text/css">
    .imgb {
        border: #CC9933 1px solid;
    }
    .pic3 {
        width: 639px;
        margin: 0 auto;
    }
    .pic3 ul li {
        width: 198px;
        height: 148px;
        float: left;
        margin: 22px 6px;
    }
    .pic3 img {
        width: 100%;
        height: 100%;
    }
    .pic3 li p{
        text-align: center;
        text-indent: 0 !important;
    }
</style>
</head>
<body>
<!--页头 开始-->
<include file="common:header"/>
<!--页头 结束-->
<div id="container">
    <!--页中 开始-->
    <div id="main" class="fixed">
        <!--页中 左部left 开始-->
        <include file="common:left"/>
        <!--页中 maincongtent开始 （把中部mid 和 right部统一到midright一个大层中开始)-->
        <div id="main2content" class="fixed">
            <div class="senrimg senrtop">
                <div class="gstopimg senrtop04 column_position" style="padding: 2px 40px">{$column_name} - {$type_info.name}</div>
            </div>
            <div class="senrimg senrtm">
                <table height="66" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td><img src="__PUBLIC__/pc/picture/y1.png" width="22" height="19"/></td>
                        <td><h1>{$type_info.name}</h1></td>
                        <td><img src="__PUBLIC__/pc/picture/y2.png" width="22" height="19"/></td>
                    </tr>
                </table>
            </div>
            <div class="senrimg senrbg">
                <div id="senrnr">
                    <div class="pic3 fixed">
                        <ul class="">
                            <foreach name="info" item="v" key="k">
                                <li>
                                    <img src="{$v.images|defaultImg=###}" class="imgb smallimg"/>
                                    <p>{$v.title}</p>
                                </li>
                            </foreach>
                        </ul>
                    </div>
                    <span class="xjju">&nbsp;</span>
                </div>
            </div>
            <div class="senrimg senrbottom" style="text-align: center">
                <div id="page">
                    {$page}
                </div>
                <div class="fc"></div>
            </div>
        </div>
    </div>
</div>
<!--页底 开始-->
<include file="common:footer"/>
<style>
    .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
    .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
    .mask:hover{cursor:zoom-out}
    .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
    .mask>img:hover{cursor:pointer}
</style>
<script src="__PUBLIC__/pc/js/zoom.js"></script>
<img src="" alt="" class="bigimg">
<div class="mask">
    <img src="__PUBLIC__/pc/img/close.png" alt="">
</div>
<script>
    $(function(){
        var obj = new zoom('mask', 'bigimg','smallimg');
        obj.init();
    })
</script>
</body>
</html>